<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/echarts.js"></script>
	</head>
	<body>
		<div id="main" style="width: 100%;height: 500px;"></div>
		<script type="text/javascript">
			var chartDom = document.getElementById('main');
			var myChart = echarts.init(chartDom);
			var option = {
				title: {
					text: '注册人数'
				},
				legend: {

				},
				tooltip: {
					trigger: 'item',
					axisPointer: {
						type: 'cross'
					}
				},
				xAxis: {
					type: 'category',
					data: ['1月', '3月', '5月', '7月', '8月', '10月', '12月']
				},
				yAxis: {
					type: 'value'
				},
				series: [{
					name: '抖音',
					data: [120, 200, 150, 80, 70, 110, 130],
					type: 'bar',
					itemStyle: {
						color: 'orange',
						borderRadius: [10, 10, 0, 0]
					},

				}, {
					name: '快手',
					data: [100, 300, 100, 60, 80, 100, 190],
					type: 'bar',
					itemStyle: {
						color: 'green',
						borderRadius: [10, 10, 0, 0]
					},

				}]
			}
			myChart.setOption(option);
		</script>
	</body>
</html>
